﻿{% extends "blog/base.html" %}
{% load static %}

{% block title %}
首页
{% endblock title %}

{% block keywords %}SEO 关键字{% endblock keywords %}
{% block description %}SEO description{% endblock description %}

{% block article_div %}
<!--lbox begin-->
<div class="lbox">
  <div class="whitebg lanmu"> <img src="images/lm03.jpg">
    <h1>博客网站制作</h1>
    <p>博客网站制作，本栏目主要是分享关于域名选择、空间购买，个人博客网站模板制作，网站后期维护运营，优化等相关文章，以及提供帝国cms建站过程中遇到问题的解决办法。</p>
  </div>
  <div class="whitebg bloglist">
    <h2 class="htitle"><span class="hnav"><a href="/">推荐工具</a><a
          href="/">JS经典实例</a><a href="/">网站建设</a><a href="/">CSS3|Html5</a><a
          href="/">心得笔记</a><a href="/">帝国cms教程</a></span>博客网站制作</h2>
    <ul>
      <!--多图模式 置顶设计-->
      <li>
        <h3 class="blogtitle"><a href="/"
            target="_blank"><b>【顶】</b>别让这些闹心的套路，毁了你的网页设计!</a></h3>
        <span class="bplist"><a href="/"> <img src="images/b02.jpg" alt></a> <a
            href="/"><img src="images/b03.jpg" alt></a> <a href="/"><img
              src="images/b04.jpg" alt> </a><a href="/"><img
              src="images/b05.jpg" alt> </a></span>
        <p
          class="blogtext">如图，要实现上图效果，我采用如下方法：1、首先在数据库模型，增加字段，分别是图片2，图片3。2、增加标签模板，用if，else
          if 来判断，输出。思路已打开，样式调用就可以多样化啦！... </p>
        <p class="bloginfo"><i class="avatar"><img
              src="images/avatar.jpg"></i><span>杨青青</span><span>2018-10-28</span><span>【<a
              href="/">原创模板</a>】</span></p>
      </li>
      <!--单图-->
      <li>
        <h3 class="blogtitle"><a href="/"
            target="_blank">【个人博客网站制作】自己不会个人博客网站制作，你会选择用什么博客程序源码？</a></h3>
        <span class="blogpic imgscale"><i><a href="/">原创模板</a></i><a href="/"
            title><img src="images/b01.jpg" alt></a></span>
        <p
          class="blogtext">这些开源的博客程序源码，都是经过很多次版本测试的，都有固定的使用人群。我所知道的主流的博客程序有，Z-blog，Emlog，WordPress，Typecho等，免费的cms系统有，织梦cms（dedecms），phpcms，帝国cms（EmpireCMS）！...
        </p>
        <p class="bloginfo"><i class="avatar"><img
              src="images/avatar.jpg"></i><span>杨青青</span><span>2018-10-28</span><span>【<a
              href="/">原创模板</a>】</span></p>
        <a href="/" class="viewmore">阅读更多</a> </li>
      <li>
        <h3 class="blogtitle"><a href="/"
            target="_blank">宝宝个人博客模板-亲子博客模板-宝宝个人网站模板</a></h3>
        <span class="blogpic imgscale"><i><a href="/">最新模板</a></i><a href="/"
            title><img src="images/b02.jpg" alt></a></span>
        <p
          class="blogtext">这是一个记录宝宝成长点滴的个人博客，用作于宝宝博客，亲子博客，都是适用的。颜色为蓝色调，头部有飘动的卡通云，采用css3动画效果，布局简单，代码精简，还有相册功能，发图片，视频，时间轴可记录重要时刻，也可记录宝宝的生长发育状况，也可以统计宝宝博客网站的所有文章...
        </p>
        <p class="bloginfo"><i class="avatar"><img
              src="images/avatar.jpg"></i><span>杨青青</span><span>2018-10-28</span><span>【<a
              href="/">最新模板</a>】</span></p>
        <a href="/" class="viewmore">阅读更多</a> </li>
      <li>
        <h3 class="blogtitle"><a href="/"
            target="_blank">如何快速建立自己的个人博客网站</a></h3>
        <span class="blogpic imgscale"><i><a href="/">快速建站</a></i><a href="/"
            title><img src="images/b03.jpg" alt></a></span>
        <p
          class="blogtext">各大博客门户网站，相继关闭，做一个独立的个人博客网站，那是将来的趋势。越来越多的个人站长倾向于独立建站，有个属于自己的博客网站，那如何快速建立自己的个人博客网站呢，接下来，我就简单给大家介绍一下：以阿里云为例...
        </p>
        <p class="bloginfo"><i class="avatar"><img
              src="images/avatar.jpg"></i><span>杨青青</span><span>2018-10-28</span><span>【<a
              href="/">快速建站</a>】</span></p>
        <a href="/" class="viewmore">阅读更多</a> </li>
      <li>
        <h3 class="blogtitle"><a href="/"
            target="_blank">作为一个设计师,如果遭到质疑你是否能恪守自己的原则?</a></h3>
        <span class="blogpic imgscale"><i><a href="/">设计制作</a></i><a href="/"
            title><img src="images/b04.jpg" alt></a></span>
        <p
          class="blogtext">就拿我自己来说吧，有时候会很矛盾，设计好的作品，不把它分享出来，会觉得待在自己电脑里面实在是没有意义。干脆就发布出去吧。我也害怕收到大家不好的评论，有些评论，可能说者无意，但是对于每一个用心的站长来说，都会受很深的影响，愤怒，恼羞。...
        </p>
        <p class="bloginfo"><i class="avatar"><img
              src="images/avatar.jpg"></i><span>杨青青</span><span>2018-10-28</span><span>【<a
              href="/">设计制作</a>】</span></p>
        <a href="/" class="viewmore">阅读更多</a> </li>
      <!--纯文字-->
      <li>
        <h3 class="blogtitle"><a href="/"
            target="_blank">别让这些闹心的套路，毁了你的网页设计!</a></h3>
        <p
          class="blogtext">如图，要实现上图效果，我采用如下方法：1、首先在数据库模型，增加字段，分别是图片2，图片3。2、增加标签模板，用if，else
          if 来判断，输出。思路已打开，样式调用就可以多样化啦！... </p>
        <p class="bloginfo"><i class="avatar"><img
              src="images/avatar.jpg"></i><span>杨青青</span><span>2018-10-28</span><span>【<a
              href="/">原创模板</a>】</span></p>
        <a href="/" class="viewmore">阅读更多</a> </li>
      <li>
        <h3 class="blogtitle"><a href="/"
            target="_blank">别让这些闹心的套路，毁了你的网页设计!</a></h3>
        <p
          class="blogtext">如图，要实现上图效果，我采用如下方法：1、首先在数据库模型，增加字段，分别是图片2，图片3。2、增加标签模板，用if，else
          if 来判断，输出。思路已打开，样式调用就可以多样化啦！... </p>
        <p class="bloginfo"><i class="avatar"><img
              src="images/avatar.jpg"></i><span>杨青青</span><span>2018-10-28</span><span>【<a
              href="/">原创模板</a>】</span></p>
        <a href="/" class="viewmore">阅读更多</a> </li>
      <!--单图-->
      <li>
        <h3 class="blogtitle"><a href="/"
            target="_blank">【个人博客网站制作】自己不会个人博客网站制作，你会选择用什么博客程序源码？</a></h3>
        <span class="blogpic imgscale"><i><a href="/">原创模板</a></i><a href="/"
            title><img src="images/b01.jpg" alt></a></span>
        <p
          class="blogtext">这些开源的博客程序源码，都是经过很多次版本测试的，都有固定的使用人群。我所知道的主流的博客程序有，Z-blog，Emlog，WordPress，Typecho等，免费的cms系统有，织梦cms（dedecms），phpcms，帝国cms（EmpireCMS）！...
        </p>
        <p class="bloginfo"><i class="avatar"><img
              src="images/avatar.jpg"></i><span>杨青青</span><span>2018-10-28</span><span>【<a
              href="/">原创模板</a>】</span></p>
        <a href="/" class="viewmore">阅读更多</a> </li>
      <li>
        <h3 class="blogtitle"><a href="/"
            target="_blank">如何快速建立自己的个人博客网站</a></h3>
        <span class="blogpic imgscale"><i><a href="/">快速建站</a></i><a href="/"
            title><img src="images/b03.jpg" alt></a></span>
        <p
          class="blogtext">各大博客门户网站，相继关闭，做一个独立的个人博客网站，那是将来的趋势。越来越多的个人站长倾向于独立建站，有个属于自己的博客网站，那如何快速建立自己的个人博客网站呢，接下来，我就简单给大家介绍一下：以阿里云为例...
        </p>
        <p class="bloginfo"><i class="avatar"><img
              src="images/avatar.jpg"></i><span>杨青青</span><span>2018-10-28</span><span>【<a
              href="/">快速建站</a>】</span></p>
        <a href="/" class="viewmore">阅读更多</a> </li>
      <li>
        <h3 class="blogtitle"><a href="/"
            target="_blank">【个人博客网站制作】自己不会个人博客网站制作，你会选择用什么博客程序源码？</a></h3>
        <span class="blogpic imgscale"><i><a href="/">原创模板</a></i><a href="/"
            title><img src="images/3.jpg" alt></a></span>
        <p
          class="blogtext">这些开源的博客程序源码，都是经过很多次版本测试的，都有固定的使用人群。我所知道的主流的博客程序有，Z-blog，Emlog，WordPress，Typecho等，免费的cms系统有，织梦cms（dedecms），phpcms，帝国cms（EmpireCMS）！...
        </p>
        <p class="bloginfo"><i class="avatar"><img
              src="images/avatar.jpg"></i><span>杨青青</span><span>2018-10-28</span><span>【<a
              href="/">原创模板</a>】</span></p>
        <a href="/" class="viewmore">阅读更多</a> </li>
      <li>
        <h3 class="blogtitle"><a href="/"
            target="_blank">如何快速建立自己的个人博客网站</a></h3>
        <span class="blogpic imgscale"><i><a href="/">快速建站</a></i><a href="/"
            title><img src="images/b01.jpg" alt></a></span>
        <p
          class="blogtext">各大博客门户网站，相继关闭，做一个独立的个人博客网站，那是将来的趋势。越来越多的个人站长倾向于独立建站，有个属于自己的博客网站，那如何快速建立自己的个人博客网站呢，接下来，我就简单给大家介绍一下：以阿里云为例...
        </p>
        <p class="bloginfo"><i class="avatar"><img
              src="images/avatar.jpg"></i><span>杨青青</span><span>2018-10-28</span><span>【<a
              href="/">快速建站</a>】</span></p>
        <a href="/" class="viewmore">阅读更多</a> </li>
      <li>
        <h3 class="blogtitle"><a href="/"
            target="_blank">【个人博客网站制作】自己不会个人博客网站制作，你会选择用什么博客程序源码？</a></h3>
        <span class="blogpic imgscale"><i><a href="/">原创模板</a></i><a href="/"
            title><img src="images/3.jpg" alt></a></span>
        <p
          class="blogtext">这些开源的博客程序源码，都是经过很多次版本测试的，都有固定的使用人群。我所知道的主流的博客程序有，Z-blog，Emlog，WordPress，Typecho等，免费的cms系统有，织梦cms（dedecms），phpcms，帝国cms（EmpireCMS）！...
        </p>
        <p class="bloginfo"><i class="avatar"><img
              src="images/avatar.jpg"></i><span>杨青青</span><span>2018-10-28</span><span>【<a
              href="/">原创模板</a>】</span></p>
        <a href="/" class="viewmore">阅读更多</a> </li>
    </ul>
    <!--pagelist-->
    <div class="pagelist"><a title="Total record">&nbsp;<b>67</b>
      </a>&nbsp;&nbsp;&nbsp;<b>1</b>&nbsp;<a
        href="/download/index_2.html">2</a>&nbsp;<a
        href="/download/index_3.html">3</a>&nbsp;<a
        href="/download/index_2.html">下一页</a>&nbsp;<a
        href="/download/index_3.html">尾页</a></div>
    <!--pagelist end-->
  </div>

  <!--bloglist end-->
</div>
<div class="rbox">
  <div class="whitebg paihang">
    <h2 class="htitle">点击排行</h2>
    <section class="topnews imgscale"><a href="/"><img
          src="images/h1.jpg"><span>6条网页设计配色原则,让你秒变配色高手</span></a></section>
    <ul>
      <li><i></i><a href="/">十条设计原则教你学会如何设计网页布局!</a></li>
      <li><i></i><a href="/">用js+css3来写一个手机栏目导航</a></li>
      <li><i></i><a href="/">6条网页设计配色原则,让你秒变配色高手</a></li>
      <li><i></i><a href="/">三步实现滚动条触动css动画效果</a></li>
      <li><i></i><a href="/">个人博客，属于我的小世界！</a></li>
      <li><i></i><a href="/">安静地做一个爱设计的女子</a></li>
      <li><i></i><a href="/">个人网站做好了，百度不收录怎么办？来，看看他们怎么做的。</a></li>
      <li><i></i><a href="/">做个人博客如何用帝国cms美化留言增加头像选择</a></li>
    </ul>
  </div>
  <div class="whitebg tuijian">
    <h2 class="htitle">本栏推荐</h2>
    <section class="topnews imgscale"><a href="/"><img
          src="images/h2.jpg"><span>6条网页设计配色原则,让你秒变配色高手</span></a></section>
    <ul>
      <li><a href="/"><i><img src="images/text01.jpg"></i>
          <p>十条设计原则教你学会如何设计网页布局!</p>
        </a></li>
      <li><a href="/"><i><img src="images/text02.jpg"></i>
          <p>用js+css3来写一个手机栏目导航</p>
        </a></li>
      <li><a href="/"><i><img src="images/text03.jpg"></i>
          <p>6条网页设计配色原则,让你秒变配色高手</p>
        </a></li>
      <li><a href="/"><i><img src="images/text04.jpg"></i>
          <p>三步实现滚动条触动css动画效果</p>
        </a></li>
      <li><a href="/"><i><img src="images/text05.jpg"></i>
          <p>个人博客，属于我的小世界！</p>
        </a></li>
      <li><a href="/"><i><img src="images/text06.jpg"></i>
          <p>安静地做一个爱设计的女子</p>
        </a></li>
      <li><a href="/"><i><img src="images/text07.jpg"></i>
          <p>个人网站做好了，百度不收录怎么办？来，看看他们怎么做的。</p>
        </a></li>
    </ul>
  </div>
  <div class="ad whitebg imgscale">
    <ul>
      <a href="/"><img src="images/ad.jpg"></a>
    </ul>
  </div>
  <div class="whitebg cloud">
    <h2 class="htitle">标签云</h2>
    <ul>
      <a href target="_blank">个人博客模板</a> <a href target="_blank">css动画</a> <a
        href target="_blank">布局</a> <a href target="_blank">今夕何夕</a> <a href
        target="_blank">SEO</a> <a href target="_blank">女程序员</a> <a href
        target="_blank">小世界</a> <a href target="_blank">个人博客</a> <a href
        target="_blank">网页设计</a>
    </ul>
  </div>
  <div class="whitebg wenzi">
    <h2 class="htitle">猜你喜欢</h2>
    <ul>
      <li><a href="/">十条设计原则教你学会如何设计网页布局!</a></li>
      <li><a href="/">用js+css3来写一个手机栏目导航</a></li>
      <li><a href="/">6条网页设计配色原则,让你秒变配色高手</a></li>
      <li><a href="/">三步实现滚动条触动css动画效果</a></li>
      <li><a href="/">个人博客，属于我的小世界！</a></li>
      <li><a href="/">安静地做一个爱设计的女子</a></li>
      <li><a href="/">个人网站做好了，百度不收录怎么办？来，看看他们怎么做的。</a></li>
      <li><a href="/">做个人博客如何用帝国cms美化留言增加头像选择</a></li>
    </ul>
  </div>
  <div class="ad whitebg imgscale">
    <ul>
      <a href="/"><img src="images/ad02.jpg"></a>
    </ul>
  </div>
  <div class="whitebg tongji">
    <h2 class="htitle">站点信息</h2>
    <ul>
      <li><b>建站时间</b>：2018-10-24</li>
      <li><b>网站程序</b>：帝国cms</li>
      <li><b>主题模板</b>：<a href="#" target="_blank">《今夕何夕》</a></li>
      <li><b>文章统计</b>：299条</li>
      <li><b>文章评论</b>：490条</li>
      <li><b>统计数据</b>：<a href="/">百度统计</a></li>
      <li><b>微信公众号</b>：扫描二维码，关注我们</li>
      <img src="images/wxgzh.jpg" class="tongji_gzh">
    </ul>
  </div>
</div>
{% endblock article_div %}